@charset "utf-8";
/*公共样式 start*/
body,div,h1,p,h2,header,ul,li,dl,dt,dd,ol,nav,input,footer{ margin:0; padding:0;}
body{ color:#000;font-family:Arial, Helvetica, sans-serif;}
body,html{ height:100%;-webkit-touch-callout: none;-webkit-user-select:none;}
@media screen and (max-width:479px){
	body{font-size:10px;-webkit-text-size-adjust: none;}
	input{font-size:10px;}
}
@media screen and (min-width:480px) and (max-width:639px){
	body{font-size:15px;-webkit-text-size-adjust: none;}
	input{font-size:15px;}
}
@media screen and (min-width:640px) and (max-width:719px){
	body{font-size:20px;-webkit-text-size-adjust: none;}
	input{font-size:20px;}
}
@media screen and (min-width:720px){
	body{font-size:22.5px;-webkit-text-size-adjust: none;}
	input{font-size:22.5px;}
}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;font-size:100%; font-weight:normal;}
ul,li{ list-style:none;}
html{-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
img{border:none;  vertical-align:middle; width:100%;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix{ *zoom:1;}
input{ font-family:Arial, Helvetica, sans-serif;}
a{ text-decoration:none; color:#fff;}
a:hover{ text-decoration:none;color:#fff;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix{ *zoom:1;}

/*背景颜色*/
.bg_c1{ background-color:#fff; }
.bg_c2{ background-color:#dedede; }
.bg_c3{ background-color:#f5f5f5;}

/*字体大小*/
.fon_s1{ font-size:2.4em; }
.fon_s2{ font-size:2em; }
.fon_s3{ font-size:1.8em; }
.fon_s4{ font-size:2.9em; }
.fon_s5{ font-size:1.5em; }
.fon_s6{ font-size:1.6em; }
.fon_s7{ font-size:1.4em;}
.fon_s8{ font-size:2.7em;}
.fon_s9{ font-size:2.25em;}
.fon_s10{ font-size:1.2em;}
.fon_s11{ font-size:1em; }
.fon_s12{ font-size:1.3em; }
.fon_s13{ font-size:1.1em; }

/*字体颜色*/
.fon_c1{ color:#010101; }
.fon_c2{ color:#a3a3a3; }
.fon_c3{ color:#b80101; }
.fon_c4{ color:#cd0000; }/*红色*/
.fon_c5{ color:#373737; }
.fon_c6{ color:#ffffff; }
.fon_c7{ color:#7a7a7a; }
.fon_c8{ color:#ba0000; }
.fon_c9{ color:#f2f2f2; }
.fon_c10{ color:#ff8400;}
.fon_c11{ color:#3a3a3a;}
.fon_c12{ color:#7c7c7c;}
.fon_c13{ color:#a4a4a4;}
.fon_c14{ color:#d10000;}
.fon_c15{ color:#969696;}
.fon_c16{ color:#9F9F9F;}
.fon_c17{ color:#3f3f3f;}
.fon_c18{ color:#cecece;}
.fon_c19{ color:#8e8e8e;}
.fon_c20{ color:#424242;}
.fon_c21{ color:#f00;}
.fon_c22{ color:#707070;}
.fon_c23{ color:#2e2e2e;}
.fon_c24{ color:#9e9e9e;}
.fon_c25{ color:#000;}
.fon_c26{ color:#5cb85c;}/*绿色*/

/*元素居中*/
.txt_1{ text-align:center;}
.txt_2{ text-align:left;}
.txt_3{ text-align:right;}
.val_1{ vertical-align:top;}
.val_m{ vertical-align:middle;}

/*元素定位*/
.posi_r{ position:relative;}
.posi_a{ position:absolute;}
.posi_f{ position:fixed;}
/*浮动*/
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}

/*上下边距*/
.pt5{ padding-top:5em;}
.pt1{ padding-top:1em;}
.ml1{ margin-left:1em;}
.ml2{ margin-left:2em;}
.mt1{ margin-top:1em;}
.mt2{ margin-top:2em;}
.mt_5{ margin-top:.5em;}

/*阴影*/
.shadow{
	-moz-box-shadow:		1px 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:		1px 1px 2px rgba(0,0,0,0.3);
	box-shadow:				1px 1px 2px rgba(0,0,0,0.3);
}
.shadow_2{ border:#fff 1px solid;
	-moz-box-shadow:	3px 3px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:	3px 3px 2px rgba(0,0,0,0.3);
	box-shadow:			3px 3px 2px rgba(0,0,0,0.3);
}
.shadow_3{
	-moz-box-shadow:		-1px -1px 2px rgba(211,0,0,0.5);
	-webkit-box-shadow:		-1px -1px 2px rgba(211,0,0,0.5);
	box-shadow:				-1px -1px 2px rgba(211,0,0,0.5);
}
.shadow_4{
	-moz-box-shadow:		-1px -1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:		-1px -1px 2px rgba(0,0,0,0.3);
	box-shadow:				-1px -1px 2px rgba(0,0,0,0.3);
}

/*圆角*/
.rad_1{-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.rad_2{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.rad_3{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

/*灰色按钮*/
.s_btn1{ border:#9d9d9d 1px solid;  background-color:#d1d1d1;
	-moz-box-shadow:inset 1px 1px 1px rgba(255,255,255,.75),inset -1px -1px 1px rgba(255,255,255,.75);
	-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,.75),inset -1px -1px 1px rgba(255,255,255,.75);
	box-shadow:inset 1px 1px 1px rgba(255,255,255,.75),inset -1px -1px 1px rgba(255,255,255,.75);
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f1f1f1 ), to( #dadada ));
	background-image: -webkit-linear-gradient( #f1f1f1 , #dadada );
	background-image:    -moz-linear-gradient( #f1f1f1 , #dadada );
	background-image:     -ms-linear-gradient( #f1f1f1 , #dadada );
	background-image:      -o-linear-gradient( #f1f1f1 , #dadada );
	background-image:         linear-gradient( #f1f1f1 , #dadada );
	cursor:pointer;
	outline: none;
	color:#424242;
	font-family:Arial, Helvetica, sans-serif;
}
.s_btn1:active{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #B3B3B3 ), to( #f1f1f1 ));
	background-image: -webkit-linear-gradient( #B3B3B3 , #f1f1f1 );
	background-image:         linear-gradient( #B3B3B3 , #f1f1f1 );
}
.s_btn1_sel{
	-moz-box-shadow:inset 1px 1px 1px rgba(255,255,255,.75),inset -1px -1px 1px rgba(255,255,255,.75);
	-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,.75),inset -1px -1px 1px rgba(255,255,255,.75);
	box-shadow:inset 1px 1px 1px rgba(255,255,255,.75),inset -1px -1px 1px rgba(255,255,255,.75);
	border:1px solid #cacaca;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #B3B3B3 ), to( #f1f1f1 ));
	background-image: -webkit-linear-gradient( #B3B3B3 , #f1f1f1 );
	background-image:         linear-gradient( #B3B3B3 , #f1f1f1 );
}

/*红色按钮*/
.s_btn2{
	border:#ad0000 1px solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background-color:#ff0000;
	-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(255,255,255,.5);
	box-shadow:inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(255,255,255,.5);
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fe0000 ), to( #dc0000 ));
	background-image: -webkit-linear-gradient( #fe0000 , #dc0000 );
	background-image:         linear-gradient( #fe0000 , #dc0000 );
	color:#fff;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
}
.s_btn2:active{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ca0202 ), to( #fe0000 ));
	background-image: -webkit-linear-gradient( #ca0202 , #fe0000 );
	background-image:         linear-gradient( #ca0202 , #fe0000 );
}

/*蓝色按钮*/
.s_btn3{
	border:#04529e 1px solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background-color:#0678ec;
	-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(255,255,255,.5);
	box-shadow:inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(255,255,255,.5);
	background-image: -webkit-gradient(linear, left top, left bottom, from( #1b8ffa ), to( #0678ec ));
	background-image: -webkit-linear-gradient( #1b8ffa , #0678ec );
	background-image:         linear-gradient( #1b8ffa , #0678ec );
	color:#fff;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
}
.s_btn3:active{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #0678ec ), to( #1b8ffa ));
	background-image: -webkit-linear-gradient( #0678ec , #1b8ffa );
	background-image:         linear-gradient( #0678ec , #1b8ffa );
}
/*橙色按钮*/
.s_btn4{
	border:#f17d00 1px solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background:#fa8100;
	-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(255,255,255,.5);
	box-shadow:inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(255,255,255,.5);
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffa800 ), to( #fa8100 ));
	background-image: -webkit-linear-gradient( #ffa800 , #fa8100);
	background-image:         linear-gradient( #ffa800 , #fa8100 );
	color:#fff;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
}
.s_btn4:active{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fa8100 ), to( #ffa800 ));
	background-image: -webkit-linear-gradient( #fa8100 , #ffa800);
	background-image:         linear-gradient( #fa8100 , #ffa800 );
}
/*白色按钮*/
.s_btn5{
	border:#545454 1px solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background-color:#ff0000;
	-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,.75),inset -1px -1px 1px rgba(255,255,255,.75);
	box-shadow:inset 1px 1px 1px rgba(255,255,255,.75),inset -1px -1px 1px rgba(255,255,255,.75);
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fff ), to( #ececec ));
	background-image: -webkit-linear-gradient( #fff , #ececec  );
	background-image:         linear-gradient( #fff , #ececec );
	color:#000;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
}
.s_btn5:active{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ececec ), to( #fff ));
	background-image: -webkit-linear-gradient( #ececec , #fff  );
	background-image:         linear-gradient( #ececec , #fff );
}
/*深红色按钮*/
.s_btn6{
	border:#545454 1px solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background-color:#ff0000;
	-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(255,255,255,.5);
	box-shadow:inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -1px 1px rgba(255,255,255,.5);
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 ), to( #fff ));
	background-image: -webkit-linear-gradient( #f6f6f6 , #fff );
	background-image:         linear-gradient( #f6f6f6 , #fff );
	color:#000;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
}
.s_btn6:active{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fff ), to( #f6f6f6 ));
	background-image: -webkit-linear-gradient( #fff , #f6f6f6 );
	background-image:         linear-gradient( #fff , #f6f6f6 );
}
/*黄色按钮 by chenpp*/
.s_btn7{
	border:#b78000 1px solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background:#ffba04;
	box-shadow:inset 1px 2px 1px #ffdf7b;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffb900 ), to( #ffb306 ));
	background-image: -webkit-linear-gradient( #ffb900 , #ffb306);
	background-image:         linear-gradient( #ffb900 , #ffb306 );
	color:#fff;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
}
.s_btn7:active{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffb306 ), to( #ffb900 ));
	background-image: -webkit-linear-gradient( #ffb306 , #ffb900);
	background-image:         linear-gradient( #ffb306 , #ffb900 );
}

.s_btn_spec{
	background:#FFF;
	border:3px solid red;
}


.s_btn_specNO{
	background:#FFF;
	border:3px solid #D3D3D3;
}
/*公共样式 end*/

/*头部样式*/

.header{
		width:100%;
		height:4.3em;
		text-align:center;
		line-height:4.3em;
		overflow:hidden;
		background-image: -webkit-gradient(linear, left top, left bottom, from( #ffc600 ), to( #ffaf08 ));
		background-image: -webkit-linear-gradient( #ffc600 , #ffaf08 );
		background-image:         linear-gradient( #ffc600 , #ffaf08 );
	}

.header img{
			width:1.4em;
	}

.feed_back{
		   position:absolute;
		   left:0em;
		   top:0em;
		   display:block;
		   width:4.3em;
		   height:4.3em;
		   background:url(../images/goBack.png) no-repeat 1.2em center;
		   background-size:1.4em 2em;
	}

.feed_back:active{
	background:url(../images/goBack.png) no-repeat 1.2em center #d9a51b;
	background-size:1.4em 2em;
}

.feed_btn{
		   position:absolute;
		   right:0.2em;
		   top:0.7em;
		   display:block;
		   width:6.1em;
		   height:2.7em;
		   line-height:2.7em;
	}
/*end头部样式*/

/*尾部样式*/
.footer{
		width:100%;
		height:4.7em;
		border-top:1px solid #bfbfbf;
		position:absolute;
		bottom:0;
		overflow:hidden;
	}

.footer ul{
		   margin-top:1px;
		   border-top:1px solid #fff;
		   height:4.6em;
		   width:100%;
		   background-image: -webkit-gradient(linear, left top, left bottom, from( #d8d8d8 ), to( #ebebeb ));
		   background-image: -webkit-linear-gradient( #d8d8d8 , #ebebeb );
		   background-image:         linear-gradient( #d8d8d8 , #ebebeb );
		   overflow:hidden;
	}

.footer ul li{
			  width:20%;
			  height:4.5em;
			  text-align:center;
			  float:left;
			  overflow:hidden;
	}

.footer ul li img{
				  width:2.1em;
	}
.footer ul li p{
				padding-top:0.4em;
	}

.more_on{
		background:url(../images/footer_bg.png) no-repeat;
		background-size:cover;
	}

/*end尾部样式*/
/*头部尾部和中间内容公共样式 by chenpp*/
.header{ top:0; left:0; height:4.3em; z-index:1000;}
.footer{ bottom:0; left:0; z-index:1000;}
.Cont{width:100%;position:absolute;top:4.3em;bottom:4.7em;background-color:#dedede;overflow:auto;}
.Cont2{bottom: 0;}
.content_wrapper{width:100%; height:100%; overflow:hidden; position:relative;}
#contentWrapper{
	width:100%;
	overflow:hidden;
	position:absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
}

/*折行显示*/
.word_all{
	word-break:break-all;
}
.word_normal{
	word-break:normal;
}
.popup_wrapper{width:100%; height:100%; overflow:hidden; position:absolute;top:0; left:0;}


/*元素显示方式*/
.db{ display:block;}
.di{ display:inline;}
.dn{ display:none;}
.dib{ display:inline-block;}

/*滚动条样式*/
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #011829;
}

::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	background-color: #37485f;
	border: 2px solid #37485f;
}